<template>
  <div class="session-wrap">
    <div class="session-title-wrap">
      <span v-if="sessionTitle.title" class="session-title">{{ sessionTitle.title || ''  }}</span>
      <span class="more">更多</span>
    </div>
  </div>
</template>
<script>
  // 引入资源
  export default {
    name: 'index-title',
    components: {
    },
    props: {
     sessionTitle: {
        type: Object
      }
    },
  }
</script>
<style lang="scss" scoped>
  .session-wrap {
    width: 365px;
    height: auto;
    padding: 0 10px;
    box-sizing: border-box;
    background-color: #fff;
    .session-title-wrap {
      width: 100%;
      height: 45px;
      line-height: 45px;
      overflow: hidden;
      .session-title {
        float: left;
        display: inline-block;
        font-size: 18px;
      }
      .more {
        float: right;
        display: inline-block;
        padding: 0 0 0 20px;
        font-size: 14px;
        color: #666;
        &::after {
          content: '';
          display: inline-block;
          width: 8px;
          height: 13px;
          background-size: 8px 14px;
          margin-left: 5px;
          margin-top: 5px;
        }
      }
    }
  }
</style>
